@import '../../../base/sass/mixins';
@import '../../../base/sass/index';
@import '../../../base/sass/px-to-rem';

html, body {
  height: 100%;
  background: #fff;
}

.wrap {
  background: #f2f2f2;

  .header{
    height: px2rem(232px);
    //background: url('../images/bg.png') center center no-repeat;
    background-image:linear-gradient(253deg, #7d83fd 1%, #fb7dfa 92%);
    background-size: 100% 100%;
    @include display-flex();
    @include justify-content(center);
    @include align-items(center);

    .cnt-box {
      color: #fff;
      text-align: center;
    }

    .txt-1 {
      line-height: px2rem(94px);
      font-size: px2rem(80px);
    }

    .txt-2 {
      margin-top: px2rem(6px);
      line-height: px2rem(28px);
      font-size: px2rem(24px);
    }

    .txt-3 {
      margin-top: px2rem(34px);
      line-height: px2rem(28px);
      font-size: px2rem(24px);
    }
  }
  
  .txNum{
    margin-right: px2rem(15px);
    font-size:px2rem(28px);
    color:#9582fc;
  }
  .isPrompt{
    border-top: px2rem(10px) solid #f2f2f2;
  }
  .mb-a {
    margin-bottom: px2rem(1px) ;
    height: px2rem(100px);
    // line-height: px2rem(100px);
  }

  .item_wr_text{
      font-size: px2rem(28px);
      color: #2d2d2d;
  }
  .mint-cell-title {
    margin-left: px2rem(10px);
    img.wx_img {
      width: px2rem(50px);
      height: px2rem(42px);
    }
    img.kf_img{
      width: px2rem(48px);
      height: px2rem(42px);
    }
  }
  
  .mint-cell-text {
    &.cell-tip {
      font-size: px2rem(24px);
      color:#aeaeae;
    }
  }
   
   .contact_wr{
      margin-left: px2rem(10px);
      color:#2d2d2d;
      font-size: px2rem(24px);
   }  
   .contact_value{
      color:#aeaeae;
      font-size: px2rem(24px);
   }

  .btn-box {
    background: #fff;
    padding-top: px2rem(26px);

    .btn {
      display: block;
      width: px2rem(640px);
      margin: auto;
      background: #9582fc;
      line-height: px2rem(90px);
      height:px2rem(90px);
      text-align: center;
      color: #fff;
      font-size: px2rem(36px);
      @include border-radius(100px);
    }
  }
 .mint-cell-allow-right::after {
    border: solid 2px #d2d2d2;
    border-bottom-width: 0;
    border-left-width: 0;
    content: " ";
    top:50%;
    right:0.533333rem;
    position: absolute;
    width:  px2rem(18px);
    height: px2rem(18px);
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
}


}
